import { cls, type StyledProps } from '@knno/jsx';
import SVGEmpty from '../../svg/empty.svg';
import { Icon } from '../icon/icon';
import { emptyStyle } from './empty.css';

type EmptyProps = StyledProps<HTMLDivElement> & {
	size?: string;
};

export function Empty(props: EmptyProps) {
	return (
		<div class={cls(props.class, emptyStyle)} style={props.style} ref={props.ref}>
			<Icon svg={SVGEmpty} size={props.size ?? '3em'} />
		</div>
	);
}
